<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/lib/comment_details.css">
</head>
<body>
	<div class="top">
		<div class="container top-cont clearfix">
			<p class="fl">欢迎登陆北京市教师培训平台</p>
			<a class="fr" href="#">
				<i class="iconfont">&#xe601;</i>
				移动端客户端下载
			</a>
		</div>
	</div>
	<div class="header">
		<div class="container header-bar clearfix">
			<div class="navbar-header">
				<a href="#">
					<img src="images/icon/logo.png" alt="">
				</a>
			</div>
			<ul class="nav navbar-right">
				<li>
					<a href="#">
						<i class="iconfont">&#xe604;</i>
						短消息
					</a>
				</li>
				<li>
					<a href="#">
						<i class="iconfont">&#xe602;</i>
						个人中心
					</a>
				</li>
				<li>
					<a href="#">
						<i class="iconfont">&#xe603;</i>
						退出
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 内容区域 -->
	<div class="container">
		<div class="subi">
			<a class="btn btn-cyan" href="#">发帖</a>
			<a class="btn btn-orange" href="#">回复</a>
		</div>
		<div class="main">
			<div class="bs-example">
				<div class="media">
					<div class="media-left">
						<a class="head-imgs" href="#">
							<span class="ings">
								<img src="http://images.55bbs.com/55shuoimg/pic/0a/7f/29/0a7f292356ce92a33528edda816e963a.jpg" alt="">
							</span>
							<span class="db f16 c4f">张老师</span>
						</a>
					</div>
					<div class="media-body">
						<h3 class="media-tit">我是班主任发起的话题的标题~~~阿</h3>
						<div class="f-time ptb10 clearfix">
							<span class="c999">发表时间：2016-01-06</span>
							<a href="#">回复</a>
						</div>
						<p>
						我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容，我是发起的话题的内容，我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题内容~~~~
						</p>
					</div>
				</div>
			</div>
			<div class="bs-example">
				<div class="media">
					<div class="media-left">
						<a class="head-imgs" href="#">
							<span class="ings">
								<img src="http://img03.sogoucdn.com/app/a/100520021/26f26046bf0f77f7717cfb635aed0a11" alt="">
							</span>
							<span class="db f16 c4f">白美人</span>
						</a>
					</div>
					<div class="media-body">
						<div class="f-time ptb10 clearfix">
							<span class="c999">发表时间：2016-01-06</span>
							<a href="#">回复</a>
							<span class="fr mr20">1#</span>
						</div>
						<p>
						我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容，我是发起的话题的内容，我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题内容~~~~
						</p>
					</div>
				</div>
			</div>
			<div class="bs-example">
				<div class="media">
					<div class="media-left">
						<a class="head-imgs" href="#">
							<span class="ings">
								<img src="http://images.55bbs.com/55shuoimg/pic/23/4a/57/234a577773f1f10c51cd6196b356db07.jpg" alt="">
							</span>
							<span class="db f16 c4f">阚清子</span>
						</a>
					</div>
					<div class="media-body">
						<div class="f-time ptb10 clearfix">
							<span class="c999">发表时间：2016-01-06</span>
							<a href="#">回复</a>
							<span class="fr mr20">2#</span>
						</div>
						<p>
						我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容，我是发起的话题的内容，我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题内容~~~~
						</p>
					</div>
				</div>
			</div>
			<div class="bs-example">
				<div class="media">
					<div class="media-left">
						<a class="head-imgs" href="#">
							<span class="ings">
								<img src="http://images.55bbs.com/55shuoimg/pic/23/4a/57/234a577773f1f10c51cd6196b356db07.jpg" alt="">
							</span>
							<span class="db f16 c4f">阚清子</span>
						</a>
					</div>
					<div class="media-body">
						<div class="f-time ptb10 clearfix">
							<span class="c999">发表时间：2016-01-06</span>
							<a href="#">回复</a>
							<span class="fr mr20">3#</span>
						</div>
						<p>
						我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容，我是发起的话题的内容，我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题我是发起的话题的内容，我是发起的话题的内容我是发起的话题的内容我是发起的话题内容~~~~
						</p>
						<div class="media media-samll">
							<div class="media-left media-bottom">
								<a class="samll-head" href="#">
									<img src="http://img04.sogoucdn.com/app/a/100520021/5874ad6c7e7e9eea7ed6e797c9731e41" alt="">
								</a>
							</div>
							<div class="media-body">
								<strong>小白：</strong>
								我是回复内容我是回复内容我是回复内容~！！！
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="nav-p text-right">
				<ul class="pagination">
					<li>
						<a href="#" aria-label="Previous">
							<span aria-hidden="true">上一页</span>
						</a>
					</li>
					<li class="active">
						<a href="#">1</a>
					</li>
					<li>
						<a href="#">2</a>
					</li>
					<li>
						<a href="#">...</a>
					</li>
					<li>
						<a href="#">4</a>
					</li>
					<li>
						<a href="#">5</a>
					</li>
					<li>
						<a href="#" aria-label="Next">
							<span aria-hidden="true">下一页</span>
						</a>
					</li>
				</ul>
			</div>
			<div class="textara">
				<div class="shuo"></div>
				<form action="">
					<div class="form-group">
						<textarea name="" id="" cols="30" rows="10" class="form-control" placeholder="输入您的回复内容..."></textarea>
					</div>
					<div class="form-group text-right">
						<button type="submit" class="btn btn-cyan">发表</button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="footer-cont container">
			<ul>
				<li>
					<a href="#">关于我们</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">联系我们</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">网站地图</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">网站声明</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">友情链接</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">帮助中心</a>
				</li>
			</ul>
			<p>版权所有 2015 ©北京思纽教育科技有限公司  京ICP备1006888号</p>
		</div>
	</div>
</body>
</html>